<div class="row">
    <!-- left column -->
    <div class="col-md-12">
        <!-- general form elements -->
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title"><?php echo ucwords($data['contents']['title']) ?></h3>
                <div class="box-tools pull-right">
                    
                    <?php echo $this->Html->link('Edit',array('controller'=>'video','action'=>'videoopr'),array('class'=>'btn btn-default btn-sm')); ?>
                    <?php echo $this->Html->link('Back',array('controller'=>'video','action'=>'index'),array('class'=>'btn btn-default btn-sm')); ?>
                </div>
            </div><!-- /.box-header -->
            <!-- form start -->
                <div class="box-body">
                    <div class="row">
                        <div class="form-group col-lg-8">
                            <?php
                                $info = unserialize(base64_decode($data['vid']['info']));
                            ?>
                            <?php //echo '<pre>';print_r($info);echo '</pre>'; exit; ?>
                            <table class="table table-bordered">
                                <tr><td colspan="2"><strong>Additional Info</strong></td></tr>
                                <tr><td>File Name</td><td><?php echo $info['filename'] ?></td></tr>
                                <tr><td>Mine Type</td><td><?php echo $info['mime_type'] ?></td></tr>
                                <tr><td>Size</td><td><?php echo _byteFormat($info['filesize'],'MB'); ?></td></tr>
                                <tr><td>Encoding</td><td><?php echo $info['encoding'] ?></td></tr>
                                <tr><td>File Format</td><td><?php echo $info['fileformat'] ?></td></tr>
                                
                                <tr><td>Data Format</td><td><?php echo $info['video']['dataformat'] ?></td></tr>
                                <tr><td>Resolution</td><td><?php echo $info['video']['resolution_x'].'*'.$info['video']['resolution_y'] ?></td></tr>
                                <tr><td>Frame Rate</td><td><?php echo $info['video']['frame_rate'] ?></td></tr>
                                <tr><td>Bitrate</td><td><?php echo $info['bitrate'] ?></td></tr>
                            </table>
                        </div>
                        <div class="form-group col-lg-4">
                            <div align="center" id="jsplayer"></div>
                            <script>
                                jwplayer("jsplayer").setup({
                                    file: base_url + '<?php echo $data['vid']['relative_path']; ?>',
                                    image: base_url + '<?php echo $data['thumb']['relative_path']; ?>',
                                    autostart: false,
                                    width: '300',
                                    height: '260'
                                });
                            </script>
                        </div>
                    </div>
                </div><!-- /.box-body -->
                <div class="box-footer">
                   
                </div>
        </div><!-- /.box -->
    </div><!--/.col (left) -->
</div>

<!-- change video image  -->
<div class="modal fade" id="changeThumbModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Change Thumbnail</h4>
      </div>
      <div class="modal-body" style="padding: 0px;">
        <div class="nav-tabs-custom ">
            <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#tab_1-1">From Video</a></li>
                <li class=""><a data-toggle="tab" href="#tab_2-2">Custom Image</a></li>
            </ul>
            <div class="tab-content">
                <div id="tab_1-1" class="tab-pane active">
                    <div class="row">
                        <div class="form-group col-lg-4">
                            <?php echo $this->Form->input('hours',array('class'=>'form-control','placeholder'=>'Hour','label'=>'Hour')); ?>
                        </div>
                        <div class="form-group col-lg-4">
                            <?php echo $this->Form->input('miniute',array('class'=>'form-control','placeholder'=>'Miniute','label'=>'Miniute')); ?> 
                        </div>
                        <div class="form-group col-lg-4">
                            <?php echo $this->Form->input('second',array('class'=>'form-control','placeholder'=>'Miniute','label'=>'Second')); ?> 
                        </div>
                    </div>
                </div><!-- /.tab-pane -->
                <div id="tab_2-2" class="tab-pane">
                    vyas
                </div><!-- /.tab-pane -->
            </div><!-- /.tab-content -->
        </div>
      </div>
        <div class="modal-footer" style="margin-top:-19px;">
            <button data-dismiss="modal" class="btn btn-primary" type="button">Cancel</button>
            <button type="submit" class="btn btn-primary">Search</button>
        </div>
    </div>
  </div>
</div>